<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/jinjiale/jinjiale_index.css" rel="stylesheet" />
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">
		</script>
	    <script>
		function dian(){
					    d1.style.display="block";
						d2.style.display="none";
						d3.style.display="none";
						d4.style.display="none";
						d5.style.display="none";
						d6.style.display="none";
						d7.style.display="none";
					}
		function dian2(){
					    d1.style.display="none";
						d2.style.display="block";
						d3.style.display="none";
						d4.style.display="none";
						d5.style.display="none";
						d6.style.display="none";
						d7.style.display="none";
					}
		function dian3(){
						d1.style.display="none";
						d2.style.display="none";
						d3.style.display="block";
						d4.style.display="none";
						d5.style.display="none";
						d6.style.display="none";
						d7.style.display="none";
							}	
		function dian4(){
						d1.style.display="none";
						d2.style.display="none";
						d3.style.display="none";
						d4.style.display="block";
						d5.style.display="none";
						d6.style.display="none";
						d7.style.display="none";
							}
		function dian5(){
					    d1.style.display="none";
						d2.style.display="none";
						d3.style.display="none";
						d4.style.display="none";
						d5.style.display="block";
						d6.style.display="none";
						d7.style.display="none";
					}
	    function dian6(){
	    			    d1.style.display="none";
	    				d2.style.display="none";
	    				d3.style.display="none";
	    				d4.style.display="none";
	    				d5.style.display="none";
	    				d6.style.display="block";
	    				d7.style.display="none";
	    			}
		function dian7(){
					    d1.style.display="none";
						d2.style.display="none";
						d3.style.display="none";
						d4.style.display="none";
						d5.style.display="none";
						d6.style.display="none";
						d7.style.display="block";
					}
	    </script>
	</head>

	<body>
		<div class="khxt">
			<!-- 搜索框 开始-->
			<div class="input">
				<div class="input_a">
					<img src="images/jinjiale/fdj_jjl.png" >
					<input id="s1" type="text" placeholder="搜索老师、机构、课程" >
				</div>
			</div>
			<!-- 搜索框结束 -->
			<!-- 图片滚动开始 -->
			<div class="pic">
				<div>
					<img src="images/jinjiale/nr_2.jpg" >
					<div class="pic_a">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
			</div>
			<!-- 图片滚动结束 -->
			<!-- 活动链接开始 -->
			<div class="act">
				<a href="#"></a>
			</div>
			<!-- 活动链接结束 -->
			<!-- 文字滑动开始 -->
			<div class="txt">
				<div class="txt_a">
					<ul>
						<li class="dian"><a href="#">精选推荐</a><!-- <span></span> --></li>
						<li><a href="#">编程语言</a></li>
						<li><a href="#">平面设计</a></li>
						<li><a href="#">职业技能</a></li>
						<li><a href="#">高中</a></li>
						<li><a href="#">实用英语</a></li>
						<li><a href="#">文艺修养</a></li>
					</ul>
				</div>
				<a href="#" class="txt_link"></a>
			</div>
			<!-- 文字滑动结束 -->
			<!-- 正文开始 -->
			<div class="content">
				<!-- IT互联网热门课程 -->
				<div class="content_a">
					<h2>IT互联网热门课程 </h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content1.jpg" >
								<h3>马士兵/java/python/AI/从零到年薪百万</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content2.jpg" >
								<h3>JAVA架构师严选课 互联网架构/分布式/高并发/微服务【图灵学院】</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content3.jpg" >
								<h3>Android移动互联网架构开发</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content4.jpg" >
								<h3>Java零基础入门到精通-上[运算符,语法结构,数组使用,面向对象]</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content5.jpg" >
								<h3>JAVA高级开发 架构师课程（高并发 高可用 高扩展）</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content6.jpg" >
								<h3>【松勤】软件测试全栈课程（面试/接口/自动化/性能/安全/项目）</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 互联网热门课程 -->
				<!-- 设计创作热门课程 -->
				<div class="content_a mr3">
					<h2>设计创作热门课程</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content7.jpg" >
								<h3>ps板绘商业插画/插画设计/插画/板绘/手绘/CG插画/设计</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content8.jpg" >
								<h3>CG插画原画0基础入门</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content9.jpg" >
								<h3>PS教程/摄影后期 人像 商业精修/调色/排版/合成/风光 风景/影楼</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content10.jpg" >
								<h3>3Dmax.maya.zbrush.次世代游戏建模【云普集游戏动漫学院】</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content11.jpg" >
								<h3>PROE CREO  从基础到高级【东湖教育】</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content12.jpg" >
								<h3>PS摄影后期修图／摄影／风光调色／影楼后期／商业修图／公开课</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 设置创作热门课程 -->
				<!-- 电商营销热门课程 -->
				<div class="content_a mr3">
					<h2>电商营销热门课程</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content13.jpg" >
								<h3>适合电商小白兼职的淘宝玩法</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content14.jpg" >
								<h3>国货新主场跨境电商Shopee实操</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content15.jpg" >
								<h3>新手开店运营技巧</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content16.jpg" >
								<h3>7天访客破万，实操技巧【华贾教育拼多多/专注拼多多培训】</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content17.jpg" >
								<h3>2020淘宝“病毒式”裂变玩法，词根卡位爆店铺访客【正在直播】</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content18.jpg" >
								<h3>亚马逊打造爆款的秘籍</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 电商营销热门课程 -->
				<!-- 地道日韩语修炼 -->
				<div class="content_a mr3">
					<h2>地道日韩语修炼</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content19.jpg" >
								<h3>成功的钥匙--毅力</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content20.jpg" >
								<h3>为什么保持联系却仍旧孤单？</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content21.jpg" >
								<h3>如何跟压力做朋友</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content22.jpg" >
								<h3>7个阻碍社会参与度的因素</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content23.jpg" >
								<h3>激发学习兴趣的3条黄金法则</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content24.jpg" >
								<h3>如何建立创造力自信心</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 地道日韩语修炼 -->
				<!-- 近30天最多人学 -->
				<div class="content_a mr3">
					<h2>近30天最多人学</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content25.jpg" >
								<h3>Excel-WPS零基础入门(电子表格)</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content26.jpg" >
								<h3>高大上的PPT设计秘笈</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content27.jpg" >
								<h3>摄影的基础与技巧--1个月入门</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content28.jpg" >
								<h3>恋爱学堂--如何正确的和喜欢的人聊天？</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content29.jpg" >
								<h3>女神男神必修课--1次搞定形象设计</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content30.jpg" >
								<h3>吉他入门标准教程--零基础自学课</h3>
								<p>&yen;580</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 近30天最多人学 -->
				<!-- 升职加薪必学职场课 -->
				<div class="content_a mr3">
					<h2>升职加薪必学职场课</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content25.jpg" >
								<h3>如何提升有效沟通</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content31.webp.jpg" >
								<h3>心理学--如何认识你自己</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content32.webp.jpg" >
								<h3>管理者的团队管理技巧</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content33.webp.jpg" >
								<h3>攻心销售特训-（狠人必学的销售）</h3>
								<p class="eight">
									<span>&yen;1299.00</span>
									<span class="eight_b">8课程</span>
									<span class="eight_c"></span>
								</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content34.webp.jpg" >
								<h3>提升你的演讲技巧</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content35.webp.jpg" >
								<h3>企业管理者的向上沟通技巧</h3>
								<p>&yen;600.00</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 升职加薪必学职场课 -->
				<!-- Office从入门到精通 -->
				<div class="content_a mr3">
					<h2>Office从入门到精通</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content25.jpg" >
								<h3>Word零基础入门</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content31.webp.jpg" >
								<h3>Excel零基础--高效职场办公</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content36.webp.jpg" >
								<h3>40分钟！让PPT马上高大上！</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content32.webp.jpg" >
								<h3>PPT零基础教学</h3>
								<p>&yen;9.90</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content37.webp.jpg" >
								<h3>Excel2013零基础揭秘</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content33.webp.jpg" >
								<h3>WORD实用小技巧集锦</h3>
								<p class="eight">
									<span>&yen;1299.00</span>
									<span class="eight_b">8课程</span>
									<span class="eight_c"></span>
								</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- Office从入门到精通 -->
				<!-- 2周学会唱歌和乐器 -->
				<div class="content_a mr3">
					<h2>2周学会唱歌和乐器</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content38.webp.jpg" >
								<h3>电子琴入门</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content39.webp.jpg" >
								<h3>尤克里里自学入门</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content40.webp.jpg" >
								<h3>自学流行钢琴的正确路线</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content41.webp.jpg" >
								<h3>爵士鼓/架子鼓自学入门课程</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content42.webp.jpg" >
								<h3>古筝基础教学</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content43.webp.jpg" >
								<h3>自学流行钢琴--基础乐理</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 2周学会唱歌和乐器 -->
				<!-- 月薪1万都在学的理财课 -->
				<div class="content_a mr3">
					<h2>月薪1万都在学的理财课</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content44.webp.jpg" >
								<h3>理财小白7分钟学理财</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content45.webp.jpg" >
								<h3>学会理财，拯救月光族</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content46.webp.jpg" >
								<h3>零基础学股票</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content47.webp.jpg" >
								<h3>股市菜鸟到高手特训营</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 月薪1万都在学的理财课 -->
				<!-- 摄影达人速成指南 -->
				<div class="content_a mr3">
					<h2>摄影达人速成指南</h2>
					<ul>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content48.webp.jpg" >
								<h3>摄影后期制作--修出专业大片</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content49.webp.jpg" >
								<h3>手机拍大片，你也可以</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr1">
							<a href="#">
								<img src="images/jinjiale/content50.webp.jpg" >
								<h3>20小时成为中国风唯美人像摄影高手</h3>
								<p>免费</p>
							</a>
						</li>
						<li class="content_a_a mr2">
							<a href="#">
								<img src="images/jinjiale/content51.webp.jpg" >
								<h3>单反数码相机入门</h3>
								<p>免费</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- 摄影达人速成指南 -->
			</div>
			<!-- 正文结束 -->
			<!-- 课程底部开始 -->
			<div class="content_last">
				<a href="#">查看全部课程</a>
			</div>
			<!-- 课程底部结束 -->
			<!-- 末尾 -->
			<div class="last">
				<h2>热门培训</h2>
				<div class="last_a">
				    <span class="cnt" onclick="dian()">IT</span>
				    <span class="cnt" onclick="dian2()">设计</span>
				    <span class="cnt" onclick="dian3()">电商</span>
				    <span class="cnt" onclick="dian4()">职业</span>
				    <span class="cnt" onclick="dian5()">升学</span>
				    <span class="cnt" onclick="dian6()">兴趣</span>
				    <span class="cnt" onclick="dian7()">语言</span>
				</div>
				<div class="last_b">
					<div id="d1">
						<a href="#">excel培训</a>
						<a href="#">Linux培训</a>
						<a href="#">算法工程师培训</a>
						<a href="#">ga培训</a>
						<a href="#">ie工程师培训</a>
						<a href="#">大数据培训</a>
					</div>
					<div id="d2">
						<a href="#">少儿画画培训</a>
						<a href="#">动漫教育培训</a>
						<a href="#">交互设计培训</a>
						<a href="#">软装设计培训</a>
					</div>
					<div id="d3">
						<a href="#">电商培训</a>
					</div>
					<div id="d4">
						<a href="#">注会培训</a>
						<a href="#">医院管理培训</a>
						<a href="#">水电工培训</a>
						<a href="#">风控培训</a>
						<a href="#">鲁班bim培训</a>
						<a href="#">政法培训</a>
					</div>
					<div id="d5">
						<a href="#">奥数培训</a>
						<a href="#">小学奥数培训</a>
						<a href="#">初中教育培训</a>
						<a href="#">党员培训</a>
						<a href="#">考研培训</a>
						<a href="#">作文培训</a>
					</div>
					<div id="d6">
						<a href="#">寿司培训</a>
						<a href="#">商务谈判培训</a>
						<a href="#">象棋培训</a>
						<a href="#">拳击培训</a>
						<a href="#">格斗培训</a>
						<a href="#">采耳培训</a>
					</div>
					<div id="d7">
						<a href="#">西班牙语培训</a>
						<a href="#">托福培训</a>
						<a href="#">雅思培训</a>
						<a href="#">bec高级培训</a>
						<a href="#">英语专八培训</a>
					</div>
				</div>
			</div>
			<!-- 末尾 -->
			<!-- 底部导航 -->
			<div class="bnav">
				<div  class="active">
					<a href="index.html">首页</a>
				</div>
				<div>
					<a href="category.html">分类</a>
				</div>
				<div >
					<a href="course_list.html">课程表</a>
				</div>
				<div>
					<a href="my.html">我的</a>
				</div>
			</div>
			<!-- 底部导航 -->
			<!-- 窗口活动 -->
			    <div  id="hd1" class="hd_logo">
				    <div class="hd_logo_a">
					    <div>付费课0远领取</div>
					    <div>剩余课程</div>
				    </div>
					<div class="hd_logo_b" onclick="sc()"></div>
			    </div>
			</div>
			<!-- 窗口活动 -->
		</div>
	</body>
 <script type="text/javascript">
 	s1.onkeyup = function(e){
 				if(e.keyCode==13){
 					location = "search.html";
 				}
 	};
	function sc(){
				hd1.style.display="none";
				}
 </script>
</html>
